<template>
 <div class="header-week">
  <ul class="week-small">
   <li v-for="(item,index) in WeekList" :key="index">
       <img :src="item.weekimg" />
	   <p class="item-til">{{item.txt}}</p>
   </li>
  </ul>
 </div>
</template>

<script>
 export default{
  props:['WeekList'],
  data(){
   return{
    
   }
  }
 }
</script>

<style scoped  >
 .header-week{
  width: 100%;
  background-color: #F5F5F5;
  padding-bottom: 0.5rem;
  overflow: hidden;
 }
 .week-top{
  background-color: #CCCCCC;
  line-height: 1rem;
  padding-left: 0.2rem;
  font-size: 0.4rem;
  font-weight: bold;
 }
 .week-small {
  padding-top: 0.3rem;
  padding-bottom: 0.5rem;
  position: relative;
 }
 .week-small li{
  position: relative;
  width: 2rem;
  height: 1.1rem;
  padding: 0.23rem;
  display: inline-block;
  text-align: center;
 }
 .header-week img{
  width: 100%;
  height: 1.3rem;
  border-radius: 0.1rem;
  float: left;
  margin: 0.1rem;
 }
 .header-week p{
  display: inline-block;
  font-size: 0.32rem;
  color: white;
  position: absolute;
  font-weight: bold;
  left: 27%;
  padding-top: 8%;
 }
 .item-til{
 	margin-top: 0.2rem;
 	margin-bottom: 0.2rem;
 	overflow: hidden;
 	white-space: nowrap; /* 文字不允许换行*/
 	color: white;
 	position: absolute;
 	font-weight: bold;
 	left:  0.65rem;
 	top: 0.38rem;
 }
</style>
